<template>
    <view class="content">
        <view class="top">
            <view>
                <view class="title">
                    <text>运维经理</text>管理版块
                </view>
                <image src="../../static/image/staff_img_06.png" class="staff-img-06"></image>
            </view>
            <image src="../../static/image/staff_img_04.png" class="staff-img-01"></image>
        </view>
        <view class="box">
            <view class="wdjjr" @click="$gTo('/staff/pages/opex-manager/opex-broker-list?type=5')">
                <image src="../../static/image/staff_img_07.png" class="staff-img-07"></image>
                <view class="name">我的经纪人</view>
                <view class="sub">点击进入</view>
            </view>
            <view class="xmbb" @click="$gTo('/staff/pages/shopowner/project-report')">
                <image src="../../static/image/staff_img_09.png" class="staff-img-07"></image>
                <view class="name">项目报备</view>
                <view class="sub">点击进入</view>
            </view>
            <view class="sjtj" @click="$gTo('/staff/pages/data-stat/data-stat')">
                <image src="../../static/image/staff_img_08.png" class="staff-img-07"></image>
                <view class="name">数据统计</view>
                <view class="sub">点击进入</view>
            </view>
            <view class="wddz" @click="$gTo('/staff/pages/shopowner/broker-list?type=6')">
                <image src="../../static/image/staff_img_15.png" class="staff-img-07"></image>
                <view class="name">我的店长</view>
                <view class="sub">点击进入</view>
            </view>
            <view class="cjtk" @click="$gTo('/staff/pages/create/create-question')">
                <image src="../../static/image/staff_img_12.png" class="staff-img-07"></image>
                <view class="name">创建题库</view>
                <view class="sub">点击进入</view>
            </view>
            <view class="cjhd" @click="$gTo('/staff/pages/create/create-activity')">
                <image src="../../static/image/staff_img_16.png" class="staff-img-11"></image>
                <view class="name">创建活动</view>
                <view class="sub">点击进入</view>
            </view>
			
			<view class="sjtj" @click="$gTo('/staff/pages/sign/sign')">
			    <image src="../../static/image/staff_img_08.png" class="staff-img-07"></image>
			    <view class="name">签到信息</view>
			    <view class="sub">点击进入</view>
			</view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            };
        },
        onLoad() {},
        methods: {
            
        }
    };
</script>

<style lang="scss">
    
    page{
        background-color: #fff;
    }
    .top{
        width: 100vw;
        background-color: #f0f5fe;
        padding: 20rpx 0 0 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .title{
        font-size: 46rpx;
        font-weight: bold;
        color: #15344e;
        padding-bottom: 15rpx;
        padding-top: 20rpx;
    }
    .title>text{
        color: #2a78f5;
    }
    .staff-img-06{
        width: 130rpx;
        height: 34rpx;
    }
    .staff-img-01{
        width: 350rpx;
        height: 235rpx;
    }
    .box{
        background-color: #fff;
        border-radius: 20rpx 20rpx 0 0;
        margin-top: 210rpx;
        padding: 40rpx 25rpx;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .box>view{
        width: calc(650rpx / 3);
        height: 215rpx;
        border-radius: 15rpx;
        margin-bottom: 25rpx;
        margin-right: 25rpx;
        padding-left: 25rpx;
        font-size: 31rpx;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .box>view:nth-child(3n){
        margin-right: 0;
    }
    .staff-img-07{
        width: 70rpx;
        height: 65rpx;
        margin-bottom: 10rpx;
    }
    .staff-img-11{
        width: 71rpx;
        height: 71rpx;
        margin-bottom: 5rpx;
    }
    .staff-img-14{
        width: 71rpx;
        height: 66rpx;
        margin-bottom: 10rpx;
    }
    .sub{
        font-size: 24rpx;
        font-weight: normal;
        color: #a6a6a6;
        padding-top: 5rpx;
    }
    .wdjjr{
        background-color: #fff9f1;
    }
    .xmbb{
        background-color: #fbf8ff;
    }
    .sjtj{
        background-color: #f8faff;
    }
    .cjtk{
        background-color: #fff3f3;
    }
    .cjhd{
        background-color: #e9fdff;
    }
    .wddz{
        background-color: #effffb;
    }
    
</style>
